* {font-family: "Lucida Grande","Tahoma",sans-serif;}

body {padding: 0; margin: 0; background-color: #E0E0E0;}
a[href] {color: #0000C0; text-decoration: none;}

h1 {margin-top: auto; margin-bottom: 1em;}
form table {margin: 1em; min-width: 50%;}
td {margin: 0.2em; padding: 0.5em}
form table tr td:first-child {text-align: right;}
table.withtips tr td:last-child {font-size: small; font-style: italic;}
input[type="submit"] {display: block; margin: auto;}
input[type="text"], input[type="password"], input:not([type]) {font-size: larger; border: 1px solid gray; border-radius: 10px; padding: 0.1em 0.5em;}
textarea {border: 1px solid gray; border-radius: 10px; padding: 0.1em 0.5em;}

#navpanel, #content, #loginbox, #actionbox, #errorpage, .list, form table {background-color: #FAFAFA; border: 1px solid navy; border-radius: 10px;}

#header {width: 100%; background-color: navy;}
#header h1 {font-size: 36pt; line-height: 160%; color: white; margin-left: 5%; margin: 0 auto 20px 1em;}

#navpanel {padding: 2%; margin-left: 2%; width:13%; position: fixed; font-size: small;}
#navpanel ul {padding: 0; margin:0;}
#navpanel li {list-style-type: none; padding:0; width:100%;}
#navpanel li a {display: block; width: 100%; padding: 5%;}
#navpanel li a:hover {background-color: #0000C0; color: white; border-radius: 10px;}

#content, #errorpage {padding: 2%; width: 75%; float: right; margin-right: 1%; margin-bottom: 2%;}
#content a[href]:hover {text-decoration: underline;}

#actionbox {float: right; padding: 2%;}
#actionbox ul {padding: 0; margin:0;}
#actionbox li {list-style-type: none; padding:0; width:100%;}

#loginbox {margin: auto; width: 30%; padding: 20px; margin-top: 5%;}
#loginbox h2 {margin-top: 0; text-align: center;}
#loginbox table {border: 0; margin: auto; padding: 0;}

dt {font-weight: bold; margin-bottom: 0.5em; font-size: bigger;}
dd {margin-left: auto; margin-bottom: 1em;}
dd a {font-size: smaller;}
form dd {margin-left: 1.5em;}
form dt label {margin-left: 0.2em;}

.errorbox, .okbox, .accept, .decline, .pending {padding: 0.5em; border-radius: 10px; margin: 0.5em auto;}
.errorbox, .decline, #errorpage {border: 1px solid red; color: red; background-color: #FFAAAA;}
.okbox, .accept {border: 1px solid green; color: green; background-color: #AAFFAA;}
.pending {border: 1px solid #AAAA00; color: #AAAA00; background-color: #FFFFAA;}
.accept, .decline, .pending {font-size: smaller;}

.list {text-align: center; padding: 0.2em;}
.message {font-style: italic;}